{% extends 'base.html' %}
{% block title %}

{% endblock %}
{% block main %}
    <div class="layui-row layui-col-space10">
        {% block content %}

        {% endblock %}
        <div class="layui-col-md4">
            <div class="layui-row">
                <div id="side-box">
                    <fieldset class="layui-elem-field">
                        <legend>类目</legend>
                        <div class="layui-field-box">
                            <div class="side-types">
                                {% for type in types %}
                                    <a href="{% url 'front:types' %}?type={{ type.id }}">{{ type.name }}</a>
                                {% endfor %}
                            </div>
                        </div>
                    </fieldset>
                    <fieldset class="layui-elem-field">
                        <legend>话题</legend>
                        <div class="layui-field-box">
                            <div class="side-topics">
                                {% for topic in topics %}
                                    <a href="{% url 'front:topics' %}?topic={{ topic.tid }}"
                                       class="layui-anim layui-anim-rotate">
                                        <span class="topic">{{ topic.title }}</span>
                                        <span class="post-nums">{{ topic.post_nums }}</span>
                                    </a>
                                    <hr class="layui-bg-blue">
                                {% endfor %}
                                <a href="{% url 'front:topics' %}" class="layui-anim layui-anim-rotate">
                                    <span class="topic">更多</span>
                                    <span class="post-nums"> >> </span>
                                </a>
                            </div>
                        </div>
                    </fieldset>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block footer %}
{% endblock %}
